<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta charset="UTF-8">
		<title>注册</title>
				<link rel="icon" type="image/png" href="http://m.lppz.com/images/favicon.png">
		
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../lib/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../login/css/login.css"/>
		<style type="text/css">
			html,
			body {
				font-family: Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial;
				color: #999999;
			}
			body {
				min-width: 320px;
			}
			/*top*/
			.header {
				height: 44px;
				line-height: 44px;
				border: 1px solid #DDDDDD;
				text-align: center;
				color: #333333;
				background-color: #FFFFFF;
			}
			.header_prev {
				min-width: 40px;
				height: 44px;
				position: absolute;
			}
			.header_prev a {
				color: #666666;
				font-size: 30px;
				font-weight: bold;
			}
			.header_title {
				margin: 0 auto;
				font-size: 26px;
				font-family: ;
				font-weight: normal;
				text-align: center;
				display: block;
				text-overflow: ellipsis;
				overflow: hidden;
			}
			.main{
				max-width: 640px;
				min-width: 320px;
				margin: 20px auto;
			}
			.main .weui_cells_checkbox{
				width: 20px;
				float: left;
				margin-right: 10px;
			}
			.lp-form-group:last-child{
				float: right;
				cursor: pointer;
			}
			.lp-form-group:last-child a{
				color: #999999;
			}
			.lp-form-group-btn{
				cursor: pointer;
			}
		</style>
	</head>

	<body>
		<div class="weui-row header">
			<div class="header_prev">
				<a href="#"><i class="iconfont">&#xe6d4;</i></a>
			</div>
			<div class="header_title">快速注册</div>
		</div>
		<section class="main weui_row">
			<div class="lp-form-group">
				<input type="text" placeholder="请输入手机号码" class="lp-form-group-field"/>
			</div>
			<div class="lp-form-group">
				<div class="weui_cells_checkbox">
					<label class="weui_check_label">
						<input class="weui_check" checked="checked" type="checkbox">
            			<i class="weui_icon_checked"></i>
					</label>
				</div>
				<span class="tip">同意良品铺子用户协议</span>
			</div>
			<div class="lp-form-group weui-col-100">
				<input type="button" id="osubmit" value="下一步" class="weui_btn lp-form-group-btn"/>
			</div>
			<div class="lp-form-group weui-col-100">
				<a href="../login/login.html">已有账户？登陆</a>
			</div>
		</section>
		<script src="../lib/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(".header_prev").click(function(){
				window.history.back();
			})
			$(".lp-form-group-field").blur(function(){
				var phoneReg = /^1[3|4|5|7|8|]\d{9}$/;
				if(!phoneReg.test($(this).val())){
					$.alert("手机号输入有误");
				}else{
					localStorage.user = $(this).val();
				}
			})
			$(".lp-form-group-btn").click(function(){
				if(localStorage.user){
					$.toast("注册成功,密码为1234","text");
					setTimeout(function(){
						window.location.href = "../cart/cart.html";
					},2000)
				}
			})
		</script>
	</body>

</html>